*{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}
body{
    font-family: "Microsoft YaHei";
}
ul,li{
    list-style: none;
}
h3{
    font-weight: normal;
}
a{
    text-decoration: none;
}

.navCon{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-color: #040c1f;
}
.navCon .move, .navCon .move .bjtu{
            position: absolute;
            left: 0;
            top: 0;
            right: 0;
            bottom: 0;
            width: 1920px;
            height: 1080px;
            background-image: url(../../assets/images/xx/ABIbj0.jpg);
            background-position: center;
            background-size: 1920px 1080px;
            background-repeat: no-repeat;
        }
        .navCon .move .bjtu{
            background-image: url(../../assets/images/xx/bj.png);
        }
        .navCon .move img{
            position: absolute;
            left: 0;
            top: 0;
            display: block;
            offset-distance: 0%;
        }
        .navCon .move .moveA{
            width: 871px;
            height: 258px;
            position: absolute;
            left: 0;
            top: 530px;
        }
        .navCon .move .moveA img{
            offset-path: path('M0.500,258.500 L469.500,119.500 L756.500,34.500 L871.500,0.500');
            animation: runing 4s linear infinite;
        }
        @keyframes runing {
            from{
                opacity: 0;
            }
            10%,80%{
                opacity: 1;
            }
            to{
                offset-distance: 100%;
                opacity: 0;
            }
        }
        .navCon .move .moveB{
            width: 920px;
            height: 548px;
            position: absolute;
            left: 0;
            bottom: 4px;
        }
        .navCon .move .moveB img{
            offset-path: path('M0.500,547.500 L457.500,275.500 L919.500,0.500');
            animation: runing 4s linear infinite;
        }
        .navCon .move .moveC{
            width: 456px;
            height: 539px;
            position: absolute;
            left: 465px;
            bottom: 0;
        }
        .navCon .move .moveC img{
            offset-path: path('M0.500,539.500 L245.500,251.500 L405.500,61.500 L455.500,0.500');
            animation: runing 4s linear infinite;
        }
        .navCon .move .moveD{
            width: 1px;
            height: 540px;
            position: absolute;
            left: 948px;
            bottom: 0;
        }
        .navCon .move .moveD img{
            offset-path: path('M0.500,539.500 L0.500,157.500 L0.500,0.500');
            animation: runing 4s linear infinite;
        }
        .navCon .move .moveE{
            width: 463px;
            height: 541px;
            position: absolute;
            left: 973px;
            bottom: 0;
        }
        .navCon .move .moveE img{
            offset-path: path('M462.500,541.156 L230.500,269.156 L56.500,66.156 L0.500,1.156');
            animation: runing 4s linear infinite;
        }
        .navCon .move .moveF{
            width: 933px;
            height: 546px;
            position: absolute;
            right: 0;
            bottom: 0;
        }
        .navCon .move .moveF img{
            offset-path: path('M932.500,546.375 L613.500,359.375 L324.500,189.375 L57.500,34.375 L0.500,1.375 ');
            animation: runing 4s linear infinite;
        }
        .navCon .move .moveG{
            width: 897px;
            height: 293px;
            position: absolute;
            right: 0;
            bottom: 275px;
        }
        .navCon .move .moveG img{
            offset-path: path('M897.500,293.437 L598.500,196.437 L257.500,86.437 L114.500,40.437 L0.500,1.437 ');
            animation: runing 4s linear infinite;
        }

        /* 底部线 */
        .runingA{
            width: 824px;
            height: 188px;
            position: absolute;
            left: 0;
            top: 494px;
        }
        .runingB{
            width: 834px;
            height: 212px;
            position: absolute;
            left: 0;
            top: 525px;
        }
        .runingC{
            width: 853px;
            height: 334px;
            position: absolute;
            left: 0;
            top: 551px;
        }
        .runingD{
            width: 869px;
            height: 362px;
            position: absolute;
            right: 0;
            top: 535px;
        }
        .runingE{
            width: 814px;
            height: 228px;
            position: absolute;
            right: 0;
            top: 517px;
        }
        .runingF{
            width: 792px;
            height: 201px;
            position: absolute;
            right: 0;
            top: 503px;
        }
        .runingG{
            width: 1920px;
            height: 1px;
            position: absolute;
            left: 0;
            bottom: 215px;
        }
        .runingH{
            width: 1920px;
            height: 1px;
            position: absolute;
            left: 0;
            bottom: 353px;
        }
        .runingI{
            width: 1920px;
            height: 1px;
            position: absolute;
            left: 0;
            bottom: 467px;
        }

.navCon .logo{
       position: fixed;
    top: 7.3%;
    right: 5%;
    z-index: 999;
}
.navCon .logo img{
    width: 184px;
    height: auto;
}
.navCon .biaoti{
    position: absolute;
    left: 5%;
    top: 5.74%;
    height: 50px;
    text-align: left;
    line-height: 50px;
    font-size: 40px;
    color: #fff;
    letter-spacing: 1px;
    font-weight: 600;
    background-image:-webkit-linear-gradient(left,#ffffff,#00fffc);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
}
.navCon .links{
    position: absolute;
    left: 0;
    bottom: 5.1%;
    width: 100%;
    height: 24px;
    line-height: 24px;
    text-align: center;
    font-size: 14px;
    color: rgba(236,254,255,.3);
    letter-spacing: 1px;
}

/* tab切换 */
.navCon .navtop{
    width: 367px;
    height: 367px;
    position: absolute;
    left: 40.83%;
    top: 32.685%;
    z-index: 2;
}
.navCon .navtop div{
    width: 100%;
    height: 100%;
	position: relative;
    -webkit-transform-origin: center;
    -moz-transform-origin: center;
    -ms-transform-origin: center;
    -o-transform-origin: center;
    transform-origin: center;
}

.navCon .navtop li{
    width: 218px;
    height: 200px;
    position: absolute;
    cursor: pointer;
    z-index: 1;
    -ms-animation: lxmove1 2s ease-out 1s forwards;
    -moz-animation: lxmove1 2s ease-out 1s forwards;
    -webkit-animation: lxmove1 2s ease-out 1s forwards;
    -o-animation: lxmove1 2s ease-out 1s forwards;
    animation: lxmove1 2s ease-out 1s forwards;
}
.navCon .navtop li:before{
    content: '';
    width: 268px;
    height: 250px;
    position: absolute;
    left: -25px;
    top: -25px;
    background-image:  url(../../assets/images/xx/lxan.png);
    background-position: center;
    background-repeat: no-repeat;
}
.navCon .navtop li{
    color: #fff;
    span{
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        font-size: 25px;
    }
}
/* .navCon .navtop li:after, .navCon .navtop li.active:after{
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 150px;
    height: 50px;
    overflow: hidden;
    background-image:  url(../../assets/images/xx/abiwz1.png);
    background-repeat: no-repeat;
} */
.navCon .navtop li:nth-child(1):after{
    left: 36px;
    top: 61px;
    background-position: 0 0;
}
.navCon .navtop li:nth-child(2):after{
    left: 20px;
    top: 64px;
    background-position: 0 -50px;
}
.navCon .navtop li:nth-child(3):after{
    left: 55px;
    top: 87px;
    background-position: 0 -100px;
}
.navCon .navtop li:nth-child(4):after{
    left: 55px;
    top: 87px;
    background-position: 0 -100px;
}

.navCon .navtop li:nth-child(2){
    left: 180px;
    top: 11px;
}
.navCon .navtop li:nth-child(3){
    left: 0px;
    top: 181px;
}
.navCon .navtop li:nth-child(4){
    left: 180px;
    top: 190px;
} 

.navCon .navtop li.active:nth-child(1):after{
    background-position: -150px 0;
}
.navCon .navtop li.active:nth-child(2):after{
    background-position: -150px -50px;
}
.navCon .navtop li.active:nth-child(3):after{
    background-position: -150px -100px;
}
.navCon .navtop li.active:nth-child(4):after{
    background-position: -150px -100px;
}
/*****/
.navCon .navtop li.active{
    z-index: 2;
    overflow: inherit;
}
.navCon .navtop li.active:before, .navCon .navtop li:hover:before{
    background-image:  url(../../assets/images/xx/lxliang.png);
}
.navCon .navtop li.active:before{
    animation: active 1s ease-out 0s forwards;
}
@keyframes active {
    0%{
        transform:rotate(0deg);

    }
    50%{
        transform:rotate(360deg);
    }
    100%{
        transform:rotate(0deg);
    }
} 
/***/
/* 点击中间散开和并 end */

.navCon .navleft{
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -330px;
    width: 152px;
    height: 661px;
    padding-top: 159px;
    background-image:  url(../../assets/images/xx/leftbj.png);
    background-position: left top;
    background-repeat: no-repeat;
    z-index: 2;
}
.navCon .navleft li{
    height: 86px;
    line-height: 86px;
    text-align: left;
    padding-left: 28px;
    font-size: 16px;
    color: #00c2d0;
    letter-spacing: 1px;
    cursor: pointer;

}
.navCon .navleft li.active{
    padding-left: 61px;
    font-size: 18px;
    color: #33f1ff;
    background-image:  url(../../assets/images/xx/xian.png);
    background-position: left center;
    background-repeat: no-repeat;
}
.navCon .navleft li:nth-child(1).active{
    background-position: left 44px;
}
.navCon .navleft li:nth-child(3).active{
    background-position: left 40px;
}
.navCon .navleft .tuic{
    margin: 107px 0 0 21px;
    height: 35px;
    position: relative;
}
.navCon .navleft .tuic a{
    display: inline-block;
    line-height: 35px;
    text-align: left;
    padding-left: 38px;
    font-size: 16px;
    color: #00c2d0;
    letter-spacing: 1px;
}
.navCon .navleft .tuic a:before{
    content: '';
    position: absolute;
    left: 0;
    top: 4px;
    width: 27px;
    height: 27px;
    background-image:  url(../../assets/images/xx/ABItb.png);
    background-position: -132px -198px;
    background-repeat: no-repeat;
}
.navCon .navleft .tuic a:hover:before{
    background-position: -164px -198px;
}

/* 四周环绕文字 */
.navCon .navbot{
    -ms-animation: xuanzh .6s 1s forwards;
    -moz-animation: xuanzh .6s 1s forwards;
    -webkit-animation: xuanzh .6s 1s forwards;
    -o-animation: xuanzh .6s 1s forwards;
    animation: xuanzh .6s 1s forwards;
}
.navCon .navbot, .navCon .navbot li{
    width: 0;
    height: 0;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: 0;
    opacity: 0;
}
.navCon .navbot li{
    z-index:0;
}
/* ie9 */
.navCon .navbot.jianrong, .navCon .navbot.jianrong li.active{
    transition: all 1s;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    margin: 0;
    opacity: 1;
}
/* ie9 */
.navCon .navbot li dl{
	z-index: 1;
    position: absolute;
    text-align: left;
    -ms-animation: cloud 2s 3s ease-in infinite alternate;
    -moz-animation: cloud 2s 3s ease-in infinite alternate;
    -webkit-animation: cloud 2s 3s ease-in infinite alternate;
    -o-animation: cloud 2s 3s ease-in infinite alternate;
    animation: cloud 2s 3s ease-in infinite alternate;
    width: 0;
    height: 0;
}
@-ms-keyframes cloud{
    0%{
        -ms-transform: translateY(0);
    }
    40%{
        opacity: 1;
    }
    60%{
        opacity: 1;
    }
    100%{
        -ms-transform: translateY(-15px);
    }
}
@-moz-keyframes cloud{
    0%{
        -moz-transform: translateY(0);
    }
    40%{
        opacity: 1;
    }
    60%{
        opacity: 1;
    }
    100%{
        -moz-transform: translateY(-15px);
    }
}
@-webkit-keyframes cloud{
    0%{
        -webkit-transform: translateY(0);
    }
    40%{
        opacity: 1;
    }
    60%{
        opacity: 1;
    }
    100%{
        -webkit-transform: translateY(-15px);
    }
}
@-o-keyframes cloud{
    0%{
        -o-transform: translateY(0);
    }
    40%{
        opacity: 1;
    }
    60%{
        opacity: 1;
    }
    100%{
        -o-transform: translateY(-15px);
    }
}
@keyframes cloud{
    0%{
        transform: translateY(0);
    }
    40%{
        opacity: 1;
    }
    60%{
        opacity: 1;
    }
    100%{
        transform: translateY(-15px);
    }
}
.navCon .navbot li dl a{
    display: block;
    width: 100%;
    height: 100%;
}
.navCon .navbot li dl dt{
    float: left;
    background-image:  url(../../assets/images/xx/tbbj.png);
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
}
.navCon .navbot li dl a:hover dt{
    position: absolute;
    left: -11px;
    top: -11px;
    background-image:  url(../../assets/images/xx/tbbj0.png);
}
.navCon .navbot li dl a:hover dt:before{
    -webkit-transform-origin: center;
    -moz-transform-origin: center;
    -ms-transform-origin: center;
    -o-transform-origin: center;
    transform-origin:center;
    -ms-animation: fandong 2s linear infinite forwards;
    -moz-animation: fandong 2s linear infinite forwards;
    -webkit-animation: fandong 2s linear infinite forwards;
    -o-animation: fandong 2s linear infinite forwards;
    animation: fandong 2s linear infinite forwards;
}
@-ms-keyframes fandong {
    0% {
        -ms-transform: rotate(-14deg);
    }
    50% {
        -ms-transform: rotate(14deg);
    }
    100% {
        -ms-transform: rotate(-14deg);
    }
}
@-moz-keyframes fandong {
    0% {
        -moz-transform: rotate(-14deg);
    }
    50% {
        -moz-transform: rotate(14deg);
    }
    100% {
        -moz-transform: rotate(-14deg);
    }
}
@-webkit-keyframes fandong {
    0% {
        -webkit-transform: rotate(-14deg);
    }
    50% {
        -webkit-transform: rotate(14deg);
    }
    100% {
        -webkit-transform: rotate(-14deg);
    }
}
@-o-keyframes fandong {
    0% {
        -o-transform: rotate(-14deg);
    }
    50% {
        -o-transform: rotate(14deg);
    }
    100% {
        -o-transform: rotate(-14deg);
    }
}
@keyframes fandong {
    0% {
        transform: rotate(-14deg);
    }
    50% {
        transform: rotate(14deg);
    }
    100% {
        transform: rotate(-14deg);
    }
}

.navCon .navbot li dl dt:before{
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -33px 0 0 -33px;
    width: 66px;
    height: 66px;
    background-image:  url(../../assets/images/xx/ABItb2.png);
    background-repeat: no-repeat;
}

.navCon .navbot li dl dd{
    letter-spacing: 1px;
    height: auto;
    overflow: hidden;
}
.navCon .navbot li dl dd h6{
    line-height: 46px;
    font-size: 22px;
    color: #ffffff;
    background-image: -webkit-linear-gradient(top,#ffffff 30%,#00fffc);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-transform: uppercase;
}
.navCon .navbot li dl dd p{
    line-height: 24px;
    font-size: 14px;
    color: #ffffff;
}

.navCon .navbot.active li.active{
    z-index: 3;
}

/* 功能演示文字1 */
.navCon .navbot li.active{
    background-image:  url(../../assets/images/xx/ABIbj2.png);
    background-size: 42.4% 63.7%;
    background-position:51.6% 58.35%;
    background-repeat: no-repeat;
}
.navCon .navbot li.active .wz1{
    width: 410px;
    height: 91px;
    left: 58.55%;
    top: 22.8%;
}
.navCon .navbot li .wz1 dt{
    width: 91px;
    height: 91px;
}
.navCon .navbot li .wz1 a:hover dt{
    width: 113px;
    height: 113px;
}
.navCon .navbot li .wz1 dt:before{
    background-position:-132px -66px;
}
.navCon .navbot li .wz1 dd{
    margin-left:113px;
    padding-top: 12px;
}
/* 功能演示文字2 */
.navCon .navbot li.active .wz2{
    width: 375px;
    height: 111px;
    left: 67%;
    top: 43.1%;
}
.navCon .navbot li .wz2 dt{
    width: 111px;
    height: 111px;
}
.navCon .navbot li .wz2 a:hover dt{
    width: 133px;
    height: 133px;
}
.navCon .navbot li .wz2 dt:before{
    background-position:0 0;
}
.navCon .navbot li .wz2 dd{
    margin-left:138px;
    padding-top: 20px;
}
/* 功能演示文字3 */
.navCon .navbot li.active .wz3{
    width: 380px;
    height: 83px;
    left: 63.75%;
    top: 67.6%;
}
.navCon .navbot li .wz3 dt{
    width: 83px;
    height: 83px;
}
.navCon .navbot li .wz3 a:hover dt{
    width: 105px;
    height: 105px;
}
.navCon .navbot li .wz3 dt:before{
    background-position:-66px 0;
}
.navCon .navbot li .wz3 dd{
    margin-left: 98px;
    padding-top: 7px;
}
/* 功能演示文字4 */
.navCon .navbot li.active .wz4{
    width: 475px;
    height: 89px;
    left: 44.4%;
    top: 76%;
}
.navCon .navbot li .wz4 dt{
    width: 89px;
    height: 89px;
}
.navCon .navbot li .wz4 a:hover dt{
    width: 111px;
    height: 111px;
}
.navCon .navbot li .wz4 dt:before{
    background-position:-132px 0;
}
.navCon .navbot li .wz4 dd{
    margin-left: 112px;
    padding-top: 10px;
}
/* 功能演示文字5 */
.navCon .navbot li.active .wz5{
    width: 420px;
    height: 87px;
    right: 61.7%;
    top: 65.1%;
}
.navCon .navbot li .wz5 dt{
    width: 87px;
    height: 87px;
    float: right;
}
.navCon .navbot li .wz5 a:hover dt{
    left: auto;
    right: -11px;
    width: 109px;
    height: 109px;
}
.navCon .navbot li .wz5 dt:before{
    background-position:-198px 0;
}
.navCon .navbot li .wz5 dd{
    text-align: right;
    margin-right: 110px;
    padding-top: 9px;
}
/* 功能演示文字6 */
.navCon .navbot li.active .wz6{
    width: 450px;
    height: 99px;
    right: 65.1%;
    top: 40.9%;
}
.navCon .navbot li .wz6 dt{
    width: 99px;
    height: 99px;
    float: right;
}
.navCon .navbot li .wz6 a:hover dt{
    left: auto;
    right: -11px;
    width: 121px;
    height: 121px;
}
.navCon .navbot li .wz6 dt:before{
    background-position:0 -66px;
}
.navCon .navbot li .wz6 dd{
    text-align: right;
    margin-right: 125px;
    padding-top: 15px;
}
/* 功能演示文字7 */
.navCon .navbot li.active .wz7{
    width: 360px;
    height: 82px;
    right: 54.8%;
    top: 24.44%;
}
.navCon .navbot li .wz7 dt{
    width: 82px;
    height: 82px;
    float: right;
}
.navCon .navbot li .wz7 a:hover dt{
    left: auto;
    right: -11px;
    width: 104px;
    height: 104px;
}
.navCon .navbot li .wz7 dt:before{
    background-position:-66px -66px;
}
.navCon .navbot li .wz7 dd{
    text-align: right;
    margin-right: 102px;
    padding-top: 6px;
}

/* 用户试用文字1 *//* 
.navCon .navbot li:nth-child(1){
	background-image: url(../../assets/images/xx/ABIbj01.png);
    background-size: 43.43% 51.2%;
    background-position: 52.4% 58%;
    background-repeat: no-repeat;
}
.navCon .navbot li:nth-child(1) .wz1{
    width: 475px;
    height: 121px;
    left: 66.2%;
    top: 32.6%;
}
.navCon .navbot li:nth-child(1) .wz1 dt{
    width: 121px;
    height: 121px;
}

.navCon .navbot li:nth-child(1) .wz1 dt{
	background-image: url(../../assets/images/xx/tbbj1.png);
}
.navCon .navbot li:nth-child(1) .wz1 dt:after{
	content: '';
	position: absolute;
	left: -35px;
	top: -34px;
	z-index: 2;
	width: 106px;
	height: 108px;
	background-image:  url(../../assets/images/xx/saoguang.png);
	background-position: center;
	background-repeat: no-repeat;
	-ms-animation: saog 1.6s infinite 4.6s forwards;
    -moz-animation: saog 1.6s infinite 4.6s forwards;
    -webkit-animation: saog 1.6s infinite 4.6s forwards;
    -o-animation: saog 1.6s infinite 4.6s forwards;
	animation: saog 1.6s infinite 4.6s forwards;
}
@-ms-keyframes saog{
	from{
		left: -35px;
		top: -34px;
	}
	60%{
		opacity: 1;
	}
	to{
		left: 38px;
		top: 37px;
		opacity: 0;
	}
}
@-moz-keyframes saog{
	from{
		left: -35px;
		top: -34px;
	}
	60%{
		opacity: 1;
	}
	to{
		left: 38px;
		top: 37px;
		opacity: 0;
	}
}
@-webkit-keyframes saog{
	from{
		left: -35px;
		top: -34px;
	}
	60%{
		opacity: 1;
	}
	to{
		left: 38px;
		top: 37px;
		opacity: 0;
	}
}
@-o-keyframes saog{
	from{
		left: -35px;
		top: -34px;
	}
	60%{
		opacity: 1;
	}
	to{
		left: 38px;
		top: 37px;
		opacity: 0;
	}
}
@keyframes saog{
	from{
		left: -35px;
		top: -34px;
	}
	60%{
		opacity: 1;
	}
	to{
		left: 38px;
		top: 37px;
		opacity: 0;
	}
}
.navCon .navbot li:nth-child(1) .wz1 a:hover dt{
    width: 143px;
    height: 143px;
}
.navCon .navbot li:nth-child(1) .wz1 dt:before{
    background-position:0 -264px;
}
.navCon .navbot li:nth-child(1) .wz1 dd{
    margin-left: 146px;
    padding-top: 25px;
} */
/* 用户试用文字2 *//* 
.navCon .navbot li:nth-child(1) .wz2{
    width: 520px;
    height: 101px;
    left: 60%;
    top: 62.6%;
}
.navCon .navbot li:nth-child(1) .wz2 dt{
    width: 101px;
    height: 101px;
}
.navCon .navbot li:nth-child(1) .wz2 a:hover dt{
    width: 123px;
    height: 123px;
}
.navCon .navbot li:nth-child(1) .wz2 dt:before{
    background-position:-66px -264px;
}
.navCon .navbot li:nth-child(1) .wz2 dd{
    margin-left: 120px;
    padding-top: 18px;
} */
/* 用户试用文字3 */
/* .navCon .navbot li:nth-child(1) .wz3{
    width: 356px;
    height: 103px;
    left: auto;
    right: 52%;
    top: 72.2%;
}
.navCon .navbot li:nth-child(1) .wz3 dt, .navCon .navbot li:nth-child(1) .wz4 dt, .navCon .navbot li:nth-child(1) .wz5 dt{
    width: 103px;
    height: 103px;
    float: right;
}
.navCon .navbot li:nth-child(1) .wz3 a:hover dt, .navCon .navbot li:nth-child(1) .wz4 a:hover dt, .navCon .navbot li:nth-child(1) .wz5 a:hover dt{
    left: auto;
    right: -11px;
    width: 125px;
    height: 125px;
}
.navCon .navbot li:nth-child(1) .wz3 dd, .navCon .navbot li:nth-child(1) .wz4 dd, .navCon .navbot li:nth-child(1) .wz5 dd{
    margin-left: 0;
    margin-right: 128px;
    padding-top: 8px;
    text-align: right;
}
.navCon .navbot li:nth-child(1) .wz3 dd{
    padding-top: 0;
}
 */
/* 用户试用文字4 */
/* .navCon .navbot li:nth-child(1) .wz4{
    width: 452px;
    height: 103px;
    left: auto;
    right: 57.75%;
    top: 28.7%;
}
.navCon .navbot li:nth-child(1) .wz4 dt:before{
    background-position:-198px -264px;
} */
/* 用户试用文字5 */
/* .navCon .navbot li:nth-child(1) .wz5{
    width: 398px;
    height: 103px;
    left: auto;
    right: 64.75%;
    top: 50.7%;
}
.navCon .navbot li:nth-child(1) .wz5 dt:before{
    background-position: -264px 0;
}
 */


/* 行业案例文字 */
.navCon .navbot li:nth-child(3) .wz1 dt:before{
    background-position:-198px -66px;
}
.navCon .navbot li:nth-child(3) .wz2 dt:before{
    background-position:0 -132px;
}
.navCon .navbot li:nth-child(3) .wz3 dt:before{
    background-position:-66px -132px;
}
.navCon .navbot li:nth-child(3) .wz4 dt:before{
    background-position:-132px -132px;
}
.navCon .navbot li:nth-child(3) .wz5 dt:before{
    background-position:-198px -132px;
}
.navCon .navbot li:nth-child(3) .wz6 dt:before{
    background-position:0 -198px;
}
.navCon .navbot li:nth-child(3) .wz7 dt:before{
    background-position:-66px -198px;
}

/* 选中*/
.navCon .navbot li.active{
    -ms-animation: xuanzh .8s 1s forwards;
    -moz-animation: xuanzh .8s 1s forwards;
    -webkit-animation: xuanzh .8s 1s forwards;
    -o-animation: xuanzh .8s 1s forwards;
    animation: xuanzh .8s 1s forwards;
}
@-ms-keyframes xuanzh {
    10%{
        opacity: 1;
    }
    to{
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        margin: 0;
        opacity: 1;
    }
}
@-moz-keyframes xuanzh {
    10%{
        opacity: 1;
    }
    to{
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        margin: 0;
        opacity: 1;
    }
}
@-webkit-keyframes xuanzh {
    10%{
        opacity: 1;
    }
    to{
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        margin: 0;
        opacity: 1;
    }
}
@-o-keyframes xuanzh {
    10%{
        opacity: 1;
    }
    to{
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        margin: 0;
        opacity: 1;
    }
}
@keyframes xuanzh {
    10%{
        opacity: 1;
    }
    to{
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        margin: 0;
        opacity: 1;
    }
}
/* 环绕文字end */

/* 旁边圆旋转 */
.navCon .navbot li:nth-child(1).active .wz1 dt{
    -ms-animation: yuanxz1 4s ease 3.6s;
    -moz-animation: yuanxz1 4s ease 3.6s;
    -webkit-animation: yuanxz1 4s ease 3.6s;
    -o-animation: yuanxz1 4s ease 3.6s;
    animation: yuanxz1 4s ease 3.6s;
}
@-ms-keyframes yuanxz1 {
    0%{
        -ms-transform: rotate(0);
    }
    16.6%,100%{
        -ms-transform: rotate(720deg);
    }
}
@-moz-keyframes yuanxz1 {
    0%{
        -moz-transform: rotate(0);
    }
    16.6%,100%{
        -moz-transform: rotate(720deg);
    }
}
@-webkit-keyframes yuanxz1 {
    0%{
        -webkit-transform: rotate(0);
    }
   	16.6%,100%{
        -webkit-transform: rotate(720deg);
    }
}
@-o-keyframes yuanxz1 {
    0%{
        -o-transform: rotate(0);
    }
    16.6%,100%{
        -o-transform: rotate(720deg);
    }
}
@keyframes yuanxz1 {
    0%{
        transform: rotate(0);
    }
    16.6%,100%{
        transform: rotate(720deg);
    }
}
.navCon .navbot li:nth-child(1).active .wz2 dt{
    -ms-animation: yuanxz2 4s ease 3.6s;
    -moz-animation: yuanxz2 4s ease 3.6s;
    -webkit-animation: yuanxz2 4s ease 3.6s;
    -o-animation: yuanxz2 4s ease 3.6s;
    animation: yuanxz2 4s ease 3.6s;
}
@-ms-keyframes yuanxz2 {
    0%,16.6%{
        -ms-transform: rotate(0);
    }
    33.3%,100%{
        -ms-transform: rotate(720deg);
    }
}
@-moz-keyframes yuanxz2 {
    0%,16.6%{
        -moz-transform: rotate(0);
    }
    33.3%,100%{
        -moz-transform: rotate(720deg);
    }
}
@-webkit-keyframes yuanxz2 {
    0%,16.6%{
        -webkit-transform: rotate(0);
    }
    33.3%,100%{
        -webkit-transform: rotate(720deg);
    }
}
@-o-keyframes yuanxz2 {
    0%,16.6%{
        -o-transform: rotate(0);
    }
    33.3%,100%{
        -o-transform: rotate(720deg);
    }
}
@keyframes yuanxz2 {
    0%,16.6%{
        transform: rotate(0);
    }
    33.3%,100%{
        transform: rotate(720deg);
    }
}
.navCon .navbot li:nth-child(1).active .wz3 dt{
    -ms-animation: yuanxz3 4s ease 3.6s;
    -moz-animation: yuanxz3 4s ease 3.6s;
    -webkit-animation: yuanxz3 4s ease 3.6s;
    -o-animation: yuanxz3 4s ease 3.6s;
    animation: yuanxz3 4s ease 3.6s;
}
@-ms-keyframes yuanxz3 {
    0%,33.3%{
        -ms-transform: rotate(0);
    }
    49.8%,100%{
        -ms-transform: rotate(720deg);
    }
}
@-moz-keyframes yuanxz3 {
    0%,33.3%{
        -moz-transform: rotate(0);
    }
    49.8%,100%{
        -moz-transform: rotate(720deg);
    }
}
@-webkit-keyframes yuanxz3 {
    0%,33.3%{
        -webkit-transform: rotate(0);
    }
    49.8%,100%{
        -webkit-transform: rotate(720deg);
    }
}
@-o-keyframes yuanxz3 {
    0%,33.3%{
        -o-transform: rotate(0);
    }
    49.8%,100%{
        -o-transform: rotate(720deg);
    }
}
@keyframes yuanxz3 {
    0%,33.3%{
        transform: rotate(0);
    }
    49.8%,100%{
        transform: rotate(720deg);
    }
}
.navCon .navbot li:nth-child(1).active .wz5 dt{
    -ms-animation: yuanxz4 4s ease 3.6s;
    -moz-animation: yuanxz4 4s ease 3.6s;
    -webkit-animation: yuanxz4 4s ease 3.6s;
    -o-animation: yuanxz4 4s ease 3.6s;
    animation: yuanxz4 4s ease 3.6s;
}
@-ms-keyframes yuanxz4 {
    0%,49.8%{
        -ms-transform: rotate(0);
    }
    66.6%,100%{
        -ms-transform: rotate(720deg);
    }
}
@-moz-keyframes yuanxz4 {
    0%,49.8%{
        -moz-transform: rotate(0);
    }
    66.6%,100%{
        -moz-transform: rotate(720deg);
    }
}
@-webkit-keyframes yuanxz4 {
    0%,49.8%{
        -webkit-transform: rotate(0);
    }
    66.6%,100%{
        -webkit-transform: rotate(720deg);
    }
}
@-o-keyframes yuanxz4 {
    0%,49.8%{
        -o-transform: rotate(0);
    }
    66.6%,100%{
        -o-transform: rotate(720deg);
    }
}
@keyframes yuanxz4 {
    0%,49.8%{
        transform: rotate(0);
    }
    66.6%,100%{
        transform: rotate(720deg);
    }
}
.navCon .navbot li:nth-child(1).active .wz4 dt{
    -ms-animation: yuanxz5 4s ease 3.6s;
    -moz-animation: yuanxz5 4s ease 3.6s;
    -webkit-animation: yuanxz5 4s ease 3.6s;
    -o-animation: yuanxz5 4s ease 3.6s;
    animation: yuanxz5 4s ease 3.6s;
}
@-ms-keyframes yuanxz5 {
    0%,66.6%{
        -ms-transform: rotate(0);
    }
    83.3%,100%{
        -ms-transform: rotate(720deg);
    }
}
@-moz-keyframes yuanxz5 {
    0%,66.6%{
        -moz-transform: rotate(0);
    }
    83.3%,100%{
        -moz-transform: rotate(720deg);
    }
}
@-webkit-keyframes yuanxz5 {
    0%,66.6%{
        -webkit-transform: rotate(0);
    }
    83.3%,100%{
        -webkit-transform: rotate(720deg);
    }
}
@-o-keyframes yuanxz5 {
    0%,66.6%{
        -o-transform: rotate(0);
    }
    83.3%,100%{
        -o-transform: rotate(720deg);
    }
}
@keyframes yuanxz5 {
    0%,66.6%{
        transform: rotate(0);
    }
    83.3%,100%{
        transform: rotate(720deg);
    }
}

/* 刚进入时 end */
.navCon .navbot.active li:nth-child(1).active .wz1 dt,
.navCon .navbot.active li:nth-child(1).active .wz2 dt,
.navCon .navbot.active li:nth-child(1).active .wz3 dt,
.navCon .navbot.active li:nth-child(1).active .wz4 dt,
.navCon .navbot.active li:nth-child(1).active .wz5 dt{
    -ms-animation-delay:1.8s;
    -moz-animation-delay:1.8s;
    -webkit-animation-delay:1.8s;
    -o-animation-delay:1.8s;
    animation-delay:1.8s;
}



/*.navCon .navbot.active li:nth-child(1).active .wz1 dt{
    -ms-animation: yuanxz1 4s ease 1.8s;
    -moz-animation: yuanxz1 4s ease 1.8s;
    -webkit-animation: yuanxz1 4s ease 1.8s;
    -o-animation: yuanxz1 4s ease 1.8s;
    animation: yuanxz1 4s ease 1.8s;
}
@-ms-keyframes yuanxz1 {
    0%{
        -ms-transform: rotate(0);
    }
    20%,100%{
        -ms-transform: rotate(720deg);
    }
}
@-moz-keyframes yuanxz1 {
    0%{
        -moz-transform: rotate(0);
    }
    20%,100%{
        -moz-transform: rotate(720deg);
    }
}
@-webkit-keyframes yuanxz1 {
    0%{
        -webkit-transform: rotate(0);
    }
    20%,100%{
        -webkit-transform: rotate(720deg);
    }
}
@-o-keyframes yuanxz1 {
    0%{
        -o-transform: rotate(0);
    }
    20%,100%{
        -o-transform: rotate(720deg);
    }
}
@keyframes yuanxz1 {
    0%{
        transform: rotate(0);
    }
    20%,100%{
        transform: rotate(720deg);
    }
}
.navCon .navbot.active li:nth-child(1).active .wz2 dt{
    -ms-animation: yuanxz2 4s ease 1.8s;
    -moz-animation: yuanxz2 4s ease 1.8s;
    -webkit-animation: yuanxz2 4s ease 1.8s;
    -o-animation: yuanxz2 4s ease 1.8s;
    animation: yuanxz2 4s ease 1.8s;
}
@-ms-keyframes yuanxz2 {
    0%,20%{
        -ms-transform: rotate(0);
    }
    40%,100%{
        -ms-transform: rotate(720deg);
    }
}
@-moz-keyframes yuanxz2 {
    0%,20%{
        -moz-transform: rotate(0);
    }
    40%,100%{
        -moz-transform: rotate(720deg);
    }
}
@-webkit-keyframes yuanxz2 {
    0%,20%{
        -webkit-transform: rotate(0);
    }
    40%,100%{
        -webkit-transform: rotate(720deg);
    }
}
@-o-keyframes yuanxz2 {
    0%,20%{
        -o-transform: rotate(0);
    }
    40%,100%{
        -o-transform: rotate(720deg);
    }
}
@keyframes yuanxz2 {
    0%,20%{
        transform: rotate(0);
    }
    40%,100%{
        transform: rotate(720deg);
    }
}
.navCon .navbot.active li:nth-child(1).active .wz3 dt{
    -ms-animation: yuanxz3 4s ease 1.8s;
    -moz-animation: yuanxz3 4s ease 1.8s;
    -webkit-animation: yuanxz3 4s ease 1.8s;
    -o-animation: yuanxz3 4s ease 1.8s;
    animation: yuanxz3 4s ease 1.8s;
}
@-ms-keyframes yuanxz3 {
    0%,40%{
        -ms-transform: rotate(0);
    }
    60%,100%{
        -ms-transform: rotate(720deg);
    }
}
@-moz-keyframes yuanxz3 {
    0%,40%{
        -moz-transform: rotate(0);
    }
    60%,100%{
        -moz-transform: rotate(720deg);
    }
}
@-webkit-keyframes yuanxz3 {
    0%,40%{
        -webkit-transform: rotate(0);
    }
    60%,100%{
        -webkit-transform: rotate(720deg);
    }
}
@-o-keyframes yuanxz3 {
    0%,40%{
        -o-transform: rotate(0);
    }
    60%,100%{
        -o-transform: rotate(720deg);
    }
}
@keyframes yuanxz3 {
    0%,40%{
        transform: rotate(0);
    }
    60%,100%{
        transform: rotate(720deg);
    }
}
.navCon .navbot.active li:nth-child(1).active .wz4 dt{
    -ms-animation: yuanxz4 4s ease 1.8s;
    -moz-animation: yuanxz4 4s ease 1.8s;
    -webkit-animation: yuanxz4 4s ease 1.8s;
    -o-animation: yuanxz4 4s ease 1.8s;
    animation: yuanxz4 4s ease 1.8s;
}
@-ms-keyframes yuanxz4 {
    0%,60%{
        -ms-transform: rotate(0);
    }
    80%,100%{
        -ms-transform: rotate(720deg);
    }
}
@-moz-keyframes yuanxz4 {
    0%,60%{
        -moz-transform: rotate(0);
    }
    80%,100%{
        -moz-transform: rotate(720deg);
    }
}
@-webkit-keyframes yuanxz4 {
    0%,60%{
        -webkit-transform: rotate(0);
    }
    80%,100%{
        -webkit-transform: rotate(720deg);
    }
}
@-o-keyframes yuanxz4 {
    0%,60%{
        -o-transform: rotate(0);
    }
    80%,100%{
        -o-transform: rotate(720deg);
    }
}
@keyframes yuanxz4 {
    0%,60%{
        transform: rotate(0);
    }
    80%,100%{
        transform: rotate(720deg);
    }
}*/
/* 1end */
.navCon .navbot.active li:nth-child(2).active .wz1 dt{
    -ms-animation: yuanxz01 7s ease 1.8s;
    -moz-animation: yuanxz01 7s ease 1.8s;
    -webkit-animation: yuanxz01 7s ease 1.8s;
    -o-animation: yuanxz01 7s ease 1.8s;
    animation: yuanxz01 7s ease 1.8s;
}
@-ms-keyframes yuanxz01 {
    0%{
        -ms-transform: rotate(0) scale(1);
    }
    12.5%,100%{
        -ms-transform: rotate(720deg) scale(1);
    }
}
@-moz-keyframes yuanxz01 {
    0%{
        -moz-transform: rotate(0) scale(1);
    }
    12.5%,100%{
        -moz-transform: rotate(720deg) scale(1);
    }
}
@-webkit-keyframes yuanxz01 {
    0%{
        -webkit-transform: rotate(0) scale(1);
    }
    12.5%,100%{
        -webkit-transform: rotate(720deg) scale(1);
    }
}
@-o-keyframes yuanxz01 {
    0%{
        -o-transform: rotate(0) scale(1);
    }
    12.5%,100%{
        -o-transform: rotate(720deg) scale(1);
    }
}
@keyframes yuanxz01 {
    0%{
        transform: rotate(0) scale(1);
    }
    12.5%,100%{
        transform: rotate(720deg) scale(1);
    }
}
.navCon .navbot.active li:nth-child(2).active .wz2 dt{
    -ms-animation: yuanxz02 7s ease 1.8s;
    -moz-animation: yuanxz02 7s ease 1.8s;
    -webkit-animation: yuanxz02 7s ease 1.8s;
    -o-animation: yuanxz02 7s ease 1.8s;
    animation: yuanxz02 7s ease 1.8s;
}
@-ms-keyframes yuanxz02 {
    0%,12.5%{
        -ms-transform: rotate(0) scale(1);
    }
    25%,100%{
        -ms-transform: rotate(720deg) scale(1);
    }
}
@-moz-keyframes yuanxz02 {
    0%,12.5%{
        -moz-transform: rotate(0) scale(1);
    }
    25%,100%{
        -moz-transform: rotate(720deg) scale(1);
    }
}
@-webkit-keyframes yuanxz02 {
    0%,12.5%{
        -webkit-transform: rotate(0) scale(1);
    }
    25%,100%{
        -webkit-transform: rotate(720deg) scale(1);
    }
}
@-o-keyframes yuanxz02 {
    0%,12.5%{
        -o-transform: rotate(0) scale(1);
    }
    25%,100%{
        -o-transform: rotate(720deg) scale(1);
    }
}
@keyframes yuanxz02 {
    0%,12.5%{
        transform: rotate(0) scale(1);
    }
    25%,100%{
        transform: rotate(720deg) scale(1);
    }
}
.navCon .navbot.active li:nth-child(2).active .wz3 dt{
    -ms-animation: yuanxz03 7s ease 1.8s;
    -moz-animation: yuanxz03 7s ease 1.8s;
    -webkit-animation: yuanxz03 7s ease 1.8s;
    -o-animation: yuanxz03 7s ease 1.8s;
    animation: yuanxz03 7s ease 1.8s;
}
@-ms-keyframes yuanxz03 {
    0%,25%{
        -ms-transform: rotate(0) scale(1);
    }
    37.5%,100%{
        -ms-transform: rotate(720deg) scale(1);
    }
}
@-moz-keyframes yuanxz03 {
    0%,25%{
        -moz-transform: rotate(0) scale(1);
    }
    37.5%,100%{
        -moz-transform: rotate(720deg) scale(1);
    }
}
@-webkit-keyframes yuanxz03 {
    0%,25%{
        -webkit-transform: rotate(0) scale(1);
    }
    37.5%,100%{
        -webkit-transform: rotate(720deg) scale(1);
    }
}
@-o-keyframes yuanxz03 {
    0%,25%{
        -o-transform: rotate(0) scale(1);
    }
    37.5%,100%{
        -o-transform: rotate(720deg) scale(1);
    }
}
@keyframes yuanxz03 {
    0%,25%{
        transform: rotate(0) scale(1);
    }
    37.5%,100%{
        transform: rotate(720deg) scale(1);
    }
}
.navCon .navbot.active li:nth-child(2).active .wz4 dt{
    -ms-animation: yuanxz04 7s ease 1.8s;
    -moz-animation: yuanxz04 7s ease 1.8s;
    -webkit-animation: yuanxz04 7s ease 1.8s;
    -o-animation: yuanxz04 7s ease 1.8s;
    animation: yuanxz04 7s ease 1.8s;
}
@-ms-keyframes yuanxz04 {
    0%,37.5%{
        -ms-transform: rotate(0) scale(1);
    }
    50%,100%{
        -ms-transform: rotate(720deg) scale(1);
    }
}
@-moz-keyframes yuanxz04 {
    0%,37.5%{
        -moz-transform: rotate(0) scale(1);
    }
    50%,100%{
        -moz-transform: rotate(720deg) scale(1);
    }
}
@-webkit-keyframes yuanxz04 {
    0%,37.5%{
        -webkit-transform: rotate(0) scale(1);
    }
    50%,100%{
        -webkit-transform: rotate(720deg) scale(1);
    }
}
@-o-keyframes yuanxz04 {
    0%,37.5%{
        -o-transform: rotate(0) scale(1);
    }
    50%,100%{
        -o-transform: rotate(720deg) scale(1);
    }
}
@keyframes yuanxz04 {
    0%,37.5%{
        transform: rotate(0) scale(1);
    }
    50%,100%{
        transform: rotate(720deg) scale(1);
    }
}
.navCon .navbot.active li:nth-child(2).active .wz5 dt{
    -ms-animation: yuanxz05 7s ease 1.8s;
    -moz-animation: yuanxz05 7s ease 1.8s;
    -webkit-animation: yuanxz05 7s ease 1.8s;
    -o-animation: yuanxz05 7s ease 1.8s;
    animation: yuanxz05 7s ease 1.8s;
}
@-ms-keyframes yuanxz05 {
    0%,50%{
        -ms-transform: rotate(0) scale(1);
    }
    62.5%,100%{
        -ms-transform: rotate(720deg) scale(1);
    }
}
@-moz-keyframes yuanxz05 {
    0%,50%{
        -moz-transform: rotate(0) scale(1);
    }
    62.5%,100%{
        -moz-transform: rotate(720deg) scale(1);
    }
}
@-webkit-keyframes yuanxz05 {
    0%,50%{
        -webkit-transform: rotate(0) scale(1);
    }
    62.5%,100%{
        -webkit-transform: rotate(720deg) scale(1);
    }
}
@-o-keyframes yuanxz05 {
    0%,50%{
        -o-transform: rotate(0) scale(1);
    }
    62.5%,100%{
        -o-transform: rotate(720deg) scale(1);
    }
}
@keyframes yuanxz05 {
    0%,50%{
        transform: rotate(0) scale(1);
    }
    62.5%,100%{
        transform: rotate(720deg) scale(1);
    }
}
.navCon .navbot.active li:nth-child(2).active .wz6 dt{
    -ms-animation: yuanxz06 7s ease 1.8s;
    -moz-animation: yuanxz06 7s ease 1.8s;
    -webkit-animation: yuanxz06 7s ease 1.8s;
    -o-animation: yuanxz06 7s ease 1.8s;
    animation: yuanxz06 7s ease 1.8s;
}
@-ms-keyframes yuanxz06 {
    0%,62.5%{
        -ms-transform: rotate(0) scale(1);
    }
    75%,100%{
        -ms-transform: rotate(720deg) scale(1);
    }
}
@-moz-keyframes yuanxz06 {
    0%,62.5%{
        -moz-transform: rotate(0) scale(1);
    }
    75%,100%{
        -moz-transform: rotate(720deg) scale(1);
    }
}
@-webkit-keyframes yuanxz06 {
    0%,62.5%{
        -webkit-transform: rotate(0) scale(1);
    }
    75%,100%{
        -webkit-transform: rotate(720deg) scale(1);
    }
}
@-o-keyframes yuanxz06 {
    0%,62.5%{
        -o-transform: rotate(0) scale(1);
    }
    75%,100%{
        -o-transform: rotate(720deg) scale(1);
    }
}
@keyframes yuanxz06 {
    0%,62.5%{
        transform: rotate(0) scale(1);
    }
    75%,100%{
        transform: rotate(720deg) scale(1);
    }
}
.navCon .navbot.active li:nth-child(2).active .wz7 dt{
    -ms-animation: yuanxz07 7s ease 1.8s;
    -moz-animation: yuanxz07 7s ease 1.8s;
    -webkit-animation: yuanxz07 7s ease 1.8s;
    -o-animation: yuanxz07 7s ease 1.8s;
    animation: yuanxz07 7s ease 1.8s;
}
@-ms-keyframes yuanxz07 {
    0%,75%{
        -ms-transform: rotate(0) scale(1);
    }
    87.5%,100%{
        -ms-transform: rotate(720deg) scale(1);
    }
}
@-moz-keyframes yuanxz07 {
    0%,75%{
        -moz-transform: rotate(0) scale(1);
    }
    87.5%,100%{
        -moz-transform: rotate(720deg) scale(1);
    }
}
@-webkit-keyframes yuanxz07 {
    0%,75%{
        -webkit-transform: rotate(0) scale(1);
    }
    87.5%,100%{
        -webkit-transform: rotate(720deg) scale(1);
    }
}
@-o-keyframes yuanxz07 {
    0%,75%{
        -o-transform: rotate(0) scale(1);
    }
    87.5%,100%{
        -o-transform: rotate(720deg) scale(1);
    }
}
@keyframes yuanxz07 {
    0%,75%{
        transform: rotate(0) scale(1);
    }
    87.5%,100%{
        transform: rotate(720deg) scale(1);
    }
}
/* 2 end */
.navCon .navbot.active li:nth-child(3).active .wz1 dt{
    -ms-animation: yuanxz01 7s ease 1.8s;
    -moz-animation: yuanxz01 7s ease 1.8s;
    -webkit-animation: yuanxz01 7s ease 1.8s;
    -o-animation: yuanxz01 7s ease 1.8s;
    animation: yuanxz01 7s ease 1.8s;
}
.navCon .navbot.active li:nth-child(3).active .wz2 dt{
    -ms-animation: yuanxz02 7s ease 1.8s;
    -moz-animation: yuanxz02 7s ease 1.8s;
    -webkit-animation: yuanxz02 7s ease 1.8s;
    -o-animation: yuanxz02 7s ease 1.8s;
    animation: yuanxz02 7s ease 1.8s;
}
.navCon .navbot.active li:nth-child(3).active .wz3 dt{
    -ms-animation: yuanxz03 7s ease 1.8s;
    -moz-animation: yuanxz03 7s ease 1.8s;
    -webkit-animation: yuanxz03 7s ease 1.8s;
    -o-animation: yuanxz03 7s ease 1.8s;
    animation: yuanxz03 7s ease 1.8s;
}
.navCon .navbot.active li:nth-child(3).active .wz4 dt{
    -ms-animation: yuanxz04 7s ease 1.8s;
    -moz-animation: yuanxz04 7s ease 1.8s;
    -webkit-animation: yuanxz04 7s ease 1.8s;
    -o-animation: yuanxz04 7s ease 1.8s;
    animation: yuanxz04 7s ease 1.8s;
}
.navCon .navbot.active li:nth-child(3).active .wz5 dt{
    -ms-animation: yuanxz05 7s ease 1.8s;
    -moz-animation: yuanxz05 7s ease 1.8s;
    -webkit-animation: yuanxz05 7s ease 1.8s;
    -o-animation: yuanxz05 7s ease 1.8s;
    animation: yuanxz05 7s ease 1.8s;
}
.navCon .navbot.active li:nth-child(3).active .wz6 dt{
    -ms-animation: yuanxz06 7s ease 1.8s;
    -moz-animation: yuanxz06 7s ease 1.8s;
    -webkit-animation: yuanxz06 7s ease 1.8s;
    -o-animation: yuanxz06 7s ease 1.8s;
    animation: yuanxz06 7s ease 1.8s;
}
.navCon .navbot.active li:nth-child(3).active .wz7 dt{
    -ms-animation: yuanxz07 7s ease 1.8s;
    -moz-animation: yuanxz07 7s ease 1.8s;
    -webkit-animation: yuanxz07 7s ease 1.8s;
    -o-animation: yuanxz07 7s ease 1.8s;
    animation: yuanxz07 7s ease 1.8s;
}
/* 旁边圆旋转 end */

/*新增*/
.righwz{
	display: block;
	position: fixed;
	right: -200px;
	top: 259px;
	width: 194px;
	height: 52px;
	line-height: 52px;
	text-align: left;
	text-indent: 52px;
	font-size: 20px;
	color: #2dedf9;
	letter-spacing: 0.5px;
	background-image: url(../../assets/images/xx/rightbj.png);
	background-position: left top;
	background-repeat: no-repeat;
}
.righwz:hover{
	background-position: left bottom;
}
.navCon .navbot li.active .righwz{
	-ms-animation: feiru .6s 1.8s forwards;
    -moz-animation: feiru .6s 1.8s forwards;
    -webkit-animation: feiru .6s 1.8s forwards;
    -o-animation: feiru .6s 1.8s forwards;
	animation: feiru .6s 1.8s forwards;
}
@-ms-keyframes feiru{
	from{
		right: -200px;
	}
	to{
		right: 0;
	}
}
@-moz-keyframes feiru{
	from{
		right: -200px;
	}
	to{
		right: 0;
	}
}
@-webkit-keyframes feiru{
	from{
		right: -200px;
	}
	to{
		right: 0;
	}
}
@-o-akeyframes feiru{
	from{
		right: -200px;
	}
	to{
		right: 0;
	}
}
@keyframes feiru{
	from{
		right: -200px;
	}
	to{
		right: 0;
	}
}

/*背景走光*/
.zouguang{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100vh;
    overflow: hidden;
}
.zouguang img{
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 2px;
    height: 26px;
    -ms-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    -ms-animation: light-running 3s linear infinite;
    -moz-animation: light-running 3s linear infinite;
    -webkit-animation: light-running 3s linear infinite;
    -o-animation: light-running 3s linear infinite;
    animation: light-running 3s linear infinite;
    offset-distance: 0;
}
.zouguang img:nth-child(1){
    offset-path: path('M948 1080 L948 590');
}
.zouguang img:nth-child(2){
    offset-path: path('M515 1023 L903 560');
    -ms-animation: light-running 3.8s linear .2s infinite;
    -moz-animation: light-running 3.8s linear .2s infinite;
    -webkit-animation: light-running 3.8s linear .2s infinite;
    -o-animation: light-running 3.8s linear .2s infinite;
    animation: light-running 3.8s linear .2s infinite;
}
.zouguang img:nth-child(3){
    offset-path: path('M92 1020 L812 590');
    -ms-animation: light-running 4.6s linear .3s infinite;
    -moz-animation: light-running 4.6s linear .3s infinite;
    -webkit-animation: light-running 4.6s linear .3s infinite;
    -o-animation: light-running 4.6s linear .3s infinite;
}
.zouguang img:nth-child(4){
    offset-path: path('M1384 1023 L1012 587');
    -ms-animation: light-running 3.8s linear .4s infinite;
    -moz-animation: light-running 3.8s linear .4s infinite;
    -webkit-animation: light-running 3.8s linear .4s infinite;
    -o-animation: light-running 3.8s linear .4s infinite;
    animation: light-running 3.8s linear .4s infinite;
}
.zouguang img:nth-child(5){
    offset-path: path('M1825 1023 L1082 590');
    -ms-animation: light-running 4.6s linear .5s infinite;
    -moz-animation: light-running 4.6s linear .5s infinite;
    -webkit-animation: light-running 4.6s linear .5s infinite;
    -o-animation: light-running 4.6s linear .5s infinite;
    animation: light-running 4.6s linear .5s infinite;
}
.zouguang img:nth-child(6){
    offset-path: path('M20 780 L864 533');
    -ms-animation: light-running1 5.2s linear .6s infinite;
    -moz-animation: light-running1 5.2s linear .6s infinite;
    -webkit-animation: light-running1 5.2s linear .6s infinite;
    -o-animation: light-running1 5.2s linear .6s infinite;
    animation: light-running1 5.2s linear .6s infinite;
}
.zouguang img:nth-child(7){
    offset-path: path('M1899 797 L1129 548');
    -ms-animation: light-running1 5.2s linear .7s infinite;
    -moz-animation: light-running1 5.2s linear .7s infinite;
    -webkit-animation: light-running1 5.2s linear .7s infinite;
    -o-animation: light-running1 5.2s linear .7s infinite;
    animation: light-running1 5.2s linear .7s infinite;
}
@-ms-keyframes light-running {
    0% {
        opacity: 0;
        offset-distance: 0
    }
    20% {
        offset-distance: 20%
    }
    50%{
        opacity: 1;
    }
    90% {
        offset-distance: 90%
    }
    95% {
        offset-distance: 95%
    }
    100% {
        opacity: 0;
        offset-distance: 100%
    }
}
@-moz-keyframes light-running {
    0% {
        opacity: 0;
        offset-distance: 0
    }
    20% {
        offset-distance: 20%
    }
    50%{
        opacity: 1;
    }
    90% {
        offset-distance: 90%
    }
    95% {
        offset-distance: 95%
    }
    100% {
        opacity: 0;
        offset-distance: 100%
    }
}
@-webkit-keyframes light-running {
    0% {
        opacity: 0;
        offset-distance: 0
    }
    20% {
        offset-distance: 20%
    }
    50%{
        opacity: 1;
    }
    90% {
        offset-distance: 90%
    }
    95% {
        offset-distance: 95%
    }
    100% {
        opacity: 0;
        offset-distance: 100%
    }
}
@-o-keyframes light-running {
    0% {
        opacity: 0;
        offset-distance: 0
    }
    20% {
        offset-distance: 20%
    }
    50%{
        opacity: 1;
    }
    90% {
        offset-distance: 90%
    }
    95% {
        offset-distance: 95%
    }
    100% {
        opacity: 0;
        offset-distance: 100%
    }
}
@keyframes light-running {
    0% {
        opacity: 0;
        offset-distance: 0
    }
    20% {
        offset-distance: 20%
    }
    50%{
        opacity: 1;
    }
    90% {
        offset-distance: 90%
    }
    95% {
        offset-distance: 95%
    }
    100% {
        opacity: 0;
        offset-distance: 100%
    }
}

@-ms-keyframes light-running1 {
    0% {
        opacity: 0;
        offset-distance: 0
    }
    20% {
        offset-distance: 20%
    }
    50%{
        opacity: .75;
    }
    90% {
        offset-distance: 90%
    }
    95% {
        offset-distance: 95%
    }
    100% {
        opacity: 0;
        offset-distance: 100%
    }
}
@-webkit-keyframes light-running1 {
    0% {
        opacity: 0;
        offset-distance: 0
    }
    20% {
        offset-distance: 20%
    }
    50%{
        opacity: .75;
    }
    90% {
        offset-distance: 90%
    }
    95% {
        offset-distance: 95%
    }
    100% {
        opacity: 0;
        offset-distance: 100%
    }
}
@-moz-keyframes light-running1 {
    0% {
        opacity: 0;
        offset-distance: 0
    }
    20% {
        offset-distance: 20%
    }
    50%{
        opacity: .75;
    }
    90% {
        offset-distance: 90%
    }
    95% {
        offset-distance: 95%
    }
    100% {
        opacity: 0;
        offset-distance: 100%
    }
}
@-ms-keyframes light-running1 {
    0% {
        opacity: 0;
        offset-distance: 0
    }
    20% {
        offset-distance: 20%
    }
    50%{
        opacity: .75;
    }
    90% {
        offset-distance: 90%
    }
    95% {
        offset-distance: 95%
    }
    100% {
        opacity: 0;
        offset-distance: 100%
    }
}
@keyframes light-running1 {
    0% {
        opacity: 0;
        offset-distance: 0
    }
    20% {
        offset-distance: 20%
    }
    50%{
        opacity: .75;
    }
    90% {
        offset-distance: 90%
    }
    95% {
        offset-distance: 95%
    }
    100% {
        opacity: 0;
        offset-distance: 100%
    }
}
/*背景走光end */

@media (max-width: 1440px){
.navCon .move{
                transform: scale(.75) translate(-25%,-25%);
                background-size: cover;
            }

    .navCon .logo img{
        transform: scale(.9);
    }
    .navCon .biaoti{
        font-size: 28px;
    }
    .navCon .navleft{
        transform: scale(.85);
        left: -12px;
    }
    .navCon .navtop{
        transform: scale(.7);
        left: 37%;
        top: 20.5%;
    }
    .navCon .navbot li dl{
        margin-top: -15px;
    }
	.navCon .navbot li a{
		transform: scale(.82);
	}
    .navCon .links{
        font-size: 12px;
        line-height: 21px;
    }
	.righwz{
		transform: scale(.78);
	  	top: 212px;
	}
	@-ms-keyframes feiru{
		from{
			right: -200px;
		}
		to{
			right:-40px;
		}
	}
	@-moz-keyframes feiru{
		from{
			right: -200px;
		}
		to{
			right: -40px;
		}
	}
	@-webkit-keyframes feiru{
		from{
			right: -200px;
		}
		to{
			right:-40px;
		}
	}
	@-o-akeyframes feiru{
		from{
			right: -200px;
		}
		to{
			right: -40px;
		}
	}
	@keyframes feiru{
		from{
			right: -200px;
		}
		to{
			right: -40px;
		}
	}
	@-ms-keyframes saog{
		from{
			left: -35px;
			top: -34px;
			opacity: 1;
		}
		50%{
			opacity: 1;
		}
		to{
			left: 20px;
			top: 19px;
			opacity: 0;
		}
	}
	@-moz-keyframes saog{
		from{
			left: -35px;
			top: -34px;
			opacity: 1;
		}
		50%{
			opacity: 1;
		}
		to{
			left: 20px;
			top: 19px;
			opacity: 0;
		}
	}
	@-webkit-keyframes saog{
		from{
			left: -35px;
			top: -34px;
			opacity: 1;
		}
		50%{
			opacity: 1;
		}
		to{
			left: 20px;
			top: 19px;
			opacity: 0;
		}
	}
	@-o-keyframes saog{
		from{
			left: -35px;
			top: -34px;
			opacity: 1;
		}
		50%{
			opacity: 1;
		}
		to{
			left: 20px;
			top: 19px;
			opacity: 0;
		}
	}
	@keyframes saog{
		from{
			left: -35px;
			top: -34px;
			opacity: 1;
		}
		50%{
			opacity: 1;
		}
		to{
			left: 20px;
			top: 19px;
			opacity: 0;
		}
	}
}

@media (max-width: 1280px) {
            .navCon .move{
                transform: scale(.6668) translate(-25%,-25%);
                background-size: cover;
            }
        }


/* 980px css */
@media only screen and (max-width: 980px){
	.navCon{
		background-size: cover;
	}
	.navCon .dbj, .navCon .navleft{
		display: none;
	}
	.navCon .navtop{
		top: 40%;
    	left: 32%;
	}
}
